<template>
  <el-carousel indicator-position="outside" style="margin-top: 20px" height="200px">
    <el-carousel-item v-for="(item, index) in carouselItems" :key="index">
      <img :src="item.img" style="width: 100%; height: 200px;"  alt="no img"/>
    </el-carousel-item>
  </el-carousel>
</template>

<script>
export default {
  data() {
    return {
      carouselItems: [
        { img: '/logo/ghost-white.png' },
        { img: '/logo/ghost-white.png' },
        { img: '/logo/ghost-white.png' }
      ]
    };
  }
}
</script>